h1{
    margin: 0;
}

ul{
    margin: 0;
    padding: 0;
}

li{
    list-style: none;
}

.fl{
    float:left;
}

.cl{
    clear:both;
}

.wrapper {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.head{
    height: 120px;
    background: greenyellow;
}

.head h1{
    height: 80px;
    line-height: 80px;
}

.head li{
    float: left;
    width: 18%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 1% 10px 1%;
    border-bottom: 2px solid red;
}

.main{
    min-height: 100px;
    background: silver;
}

.sidebar{    
    background: khaki;
    width: 30%;
}

.content{
    background: hotpink;
    width:70%;
    min-height: 100px;
}

.album{
    background: lightblue;
    height: 80px;
}

.foot{
    height: 60px;
    background: darkcyan;
}

.outer::after{
    content: "";
    display: block;
    clear:both;

}

